<template>
  <div class="layout">
    <Layout>
      <Header>
      </Header>
      <Layout>
        <Sider hide-trigger :style="{background: '#fff', 'border-bottom': '1px solid #d7dde4' }">
          <Menu width="auto" :theme="theme" :open-names="['1']" accordion>
            <Submenu name="1">
              <template slot="title">
                <Icon type="ios-paper"/>
                蚂蚁实时
              </template>
              <Submenu name="1-1">
                <template slot="title">首期</template>
                <MenuItem name="1-1-1" to="ant_sq_real_time">实时</MenuItem>
                <MenuItem name="1-1-2" to="ant_sq_date_batch">日结</MenuItem>
              </Submenu>
              <Submenu name="1-2">
                <template slot="title">续期</template>
                <MenuItem name="1-2-1"  to="ant_sq_date_batch">实时</MenuItem>
                <MenuItem name="1-2-2"  to="ant_sq_date_batch">日结</MenuItem>
              </Submenu>
              <Submenu name="1-3">
                <template slot="title">续保</template>
                <MenuItem name="1-3-1"  to="ant_sq_date_batch">实时</MenuItem>
                <MenuItem name="1-3-2"  to="ant_sq_date_batch">日结</MenuItem>
              </Submenu>
            </Submenu>
            <Submenu name="2">
              <template slot="title">
                <Icon type="ios-people"/>
                医保
              </template>
              <Submenu name="2-1">
                <template slot="title">首期</template>
                <MenuItem name="2-1-1"  to="ant_sq_date_batch">核保</MenuItem>
                <MenuItem name="2-1-2"  to="ant_sq_date_batch">承保</MenuItem>
              </Submenu>
            </Submenu>
            <Submenu name="3">
              <template slot="title">
                <Icon type="ios-stats"/>
                人民网
              </template>
              <Submenu name="3-1">
                <template slot="title">首期</template>
                <MenuItem name="3-1-1"  to="ant_sq_date_batch">核保</MenuItem>
                <MenuItem name="3-1-2"  to="ant_sq_date_batch">承保</MenuItem>
              </Submenu>
            </Submenu>
          </Menu>
        </Sider>
        <!--<Layout :style="{padding: '0 24px 24px'}">-->
        <Layout >
          <!--<Breadcrumb :style="{margin: '24px 0'}">
            <BreadcrumbItem>Home</BreadcrumbItem>
            <BreadcrumbItem>Components</BreadcrumbItem>
            <BreadcrumbItem>Layout</BreadcrumbItem>
          </Breadcrumb>-->
          <Content :style="{padding: '24px'}">
          <!--<Content :style="{padding: '24px', minHeight: '280px', background: '#fff'}">-->
            <router-view/>
          </Content>
        </Layout>
      </Layout>
    </Layout>
  </div>
</template>
<script>
export default {
  data () {
    return {
      theme: 'light'
    }
  },
  methods: {
    goto (str) {
      console.log('跳转地址：：' + str)
      this.$router.push(str)
    }
  }
}
</script>
<style scoped>
  .layout{
    border: 1px solid #d7dde4;
    border-bottom: none;
    background: #f5f7f9;
    position: relative;
    border-radius: 4px;
    /*overflow: hidden;*/
  }
  .layout-nav{
    width: 420px;
    margin: 0 auto;
    margin-right: 20px;
  }
</style>
